@font-face {
	font-family: "iconfont";
	src: url("../font/iconfont.eot");
	src: url("../font/iconfont.eot?#iefix") format("embedded-opentype"),
		url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"),
		url("../font/iconfont.svg#iconfont") format("svg");
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	background: #f0f3f4;
}
* {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #869fb1;
}
.container {
	width: 100vw;
	min-height: 100vh;
	display: flex;
	margin: 0;
	padding: 0;
}
.container_left input {
	display: none;
}
.container_left::-webkit-scrollbar {
	display: none;
}
.container_left {
	width: 220px;
	height: 100vh;
	overflow: auto;
	background: #1c2b36;
	color: #869fb1;
}
.admin {
	display: flex;
	align-items: center;
	padding: 20px;
	font-size: 20px;
	font-weight: normal;
	color: #dfe4ed;
}
.admin i {
	font-size: 20px;
	margin-right: 5px;
}
.item a {
	font-size: 12px;
	/* padding-left: 20px; */
}
.item ol,
.item ol i {
	font-size: 13px;
	font-weight: 600;
}
.item ol i {
	margin-right: 5px;
}
.item ol li {
	padding: 0 20px 0 25px;
	height: 46px;
	line-height: 46px;
}
.item > p {
	padding-left: 10px;
	font-size: 12px;
	color: #5c798f;
}

.item_drop dl {
	display: flex;
	justify-content: space-between;
}
.item_drop ul li {
	height: 32px;
	line-height: 32px;
}
.item ol li {
	cursor: pointer;
}
.container_left .item_drop {
	height: auto;
	max-height: 46px;
	overflow: hidden;
	transition: max-height 0.5s, border-left 0.5s;
}
.item li:hover {
	background: #131e26;
}
.item li:hover dl {
	color: white;
}
.item a:hover {
	color: white;
}
.arrows {
	transition: 0.3s;
	display: block;
	transform: rotate(90deg);
}

.item_drop ul li:hover {
	color: white;
}
.item {
	padding: 10px 0;
	border-bottom: 2px solid #131e26;
	transition: max-height 0.3s, border-left 0.3s;
}
.item:last-child {
	border-bottom: none;
}

.container_left .drop {
	background: #131e26;
	max-height: 600px;
	border-left: 4px solid #19a9d5;
}
.container_left .drop dl {
	color: white;
}
.drop .arrows {
	transition: 0.3s;
	transform: rotate(0deg);
}
.item_drop dd span {
	display: inline-block;
	width: 30px;
	height: 18px;
	background: #f8ac59;
	line-height: 18px;
	text-align: center;
	color: white;
	border-radius: 5px;
	font-weight: normal;
}
.f {
	height: 100%;
	width: calc(100% - 220px);
}
.container_right {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: space-between;
	background: white;
	line-height: 50px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.container_right input:first-child {
	display: none;
}
.container_right label span {
	display: inline-block;
	width: 38px;
	height: 30px;
	background: #66ccff;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	font-size: 12px;
	color: white;
	cursor: pointer;
	margin-left: 20px;
}
.container_right label span:hover {
	background: #19a9d5;
}
.search {
	border: none;
	outline: none;
	padding-bottom: 5px;
	margin-left: 10px;
}
.search:focus {
	border-bottom: 1px solid #66ccff;
}
.container_right dl {
	width: 5%;
	display: flex;
	justify-content: space-between;
	margin-right: 20px;
	color: #999c9e;
}
.container_right dl dd {
	position: relative;
	width: 40px;
	cursor: pointer;
}
.container_right dl i {
	font-size: 20px;
	margin-left: 10px;
}
.container_right dl span {
	display: block;
	position: absolute;
	top: 10px;
	left: 18px;
	width: 20px;
	height: 16px;
	background: #f8ac59;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	transform: scale(0.9);
	color: white;
	border-radius: 5px;
}
.container_right dl dd:last-child span {
	background: #23b7e5;
}

.container_right dl dd:hover {
	background: #eeeeee;
}
/* .f {
	width: 100%;
	height: 100%;
} */
.member_list {
	width: 100%;
	height: calc(100% - 60px);
	/* margin-top: 5px; */
}
iframe {
	width: 100%;
	height: calc(100vh - 60px);
	border: none;
}
.member_list dl {
	display: flex;
	justify-content: space-around;
	background: white;
	margin: 3px 0;
	align-items: center;
}
.member_list dd {
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#modal {
	display: none;
}
